<template>
  <div class="crumbs">
    <el-breadcrumb :separator-icon="ArrowRight">
      <el-breadcrumb-item :to="{ path: item.path }" v-for="(item, index) in arr1" :key="index">{{
        item.title
      }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const props = defineProps({
  arr: Array
})
const arr1 = ref<any[]>([])
arr1.value = props.arr as any[]

import { ArrowRight } from '@element-plus/icons-vue'
</script>

<style scoped>
.crumbs {
  margin-top: 20px;
}
</style>
